<template>
  <div class="container-big wing-blank forward-agreement-page">
    <div class="agreement-title">
      转送协议-规则相关
    </div>
    <div class="agreement-content">
      <p>1、⼀旦转送成功，不可撤回。</p>
      <p>2、若受赠人在规定时间内未能成功激活转送票，转送票将失效。</p>
      <p>3、规定时间：从2019年3月7日24点开始到2019年4月25日24点截止。</p>
      <p>4、转送前已预约的分会场课程使用权将同步给受赠人。</p>
      <p>5、发起转送后，申请发票权限仍归属于购票人。</p>
      <p>6、每张票仅限转送1次。</p>
      <p>7、因赠票人个人操作失误所造成的错赠损失，由赠票人自行承担。</p>
    </div>
    <!-- <div class="agreement-title">
      法律相关
    </div>
    <div class="agreement-content">
      <p>1、⼀一旦转送成功，不不可撤回。</p>
      <p>2、若受赠⼈人在规定时间内未能成功激活转送票，票将 失效。 </p>
      <p>3、规定时间:从2019年年3⽉月1⽇日零点开始到2019年年4⽉月 25⽇日零点结束。 </p>
      <p>4、转送前已预约分会场课程使⽤用权将同步给受赠⼈人。</p>
      <p>5、发起转送后，申请发票权限仍归属于购票⼈人。 其他......</p>
    </div> -->
    <co-button
      block
      v-if="canGoback"
      color="primary"
      class="agreement-next-button"
      @click.stop="goback"
    >
      确定
    </co-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      canGoback: window.history.length > 1
    }
  },
  methods: {
    goback() {
      this.$router.back()
    },
  }
}
</script>

<style lang="less">
.forward-agreement-page {
  padding-bottom: 30px;
  text-align: left;
  .agreement-title {
    font-size: 28px;
    color: #fff;
    padding-top: 32px;
    padding-bottom: 25px;
  }

  .agreement-content {
    padding: 0 20px 20px 32px;
    font-size: 28px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-top: 1px solid #979797;
    > p {
      margin-top: 20px;
    }
  }

  .agreement-next-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
</style>
